<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="./js/promiseAjax.js"></script>
    <script src="./js/cookie.js"></script>
</head>

<body>
    <div class="top">
        <div class="enlarge">

        </div>
        <div class="goods">

        </div>
        <button class="addcart">加入购物车</button>
        <button onclick="location.href='cart.html'">去购物车结算</button>
    </div>
    <div class="bottom">

    </div>
</body>
<script>
    // 获取当前商品的id - 从地址栏中获取商品id
    var reg = /id=([^&]+)/
    var arr = location.search.match(reg)
    console.log('777777', arr);
    if (arr && arr[1]) {
        var id = arr[1]
    }
    // 发请求获取商品详细信息
    var enlarge = document.querySelector('.enlarge')
    var goods = document.querySelector('.goods')
    var bottom = document.querySelector('.bottom')
    request({
        url: '/api/goods/goodsDetail/' + id
    }).then(res => {
        console.log('当前商品信息', res);
        enlarge.innerHTML = '<img src="' + res.data.data.img_big_logo + '" />'
        goods.innerHTML = `
        <p>${res.data.data.title}</p>
        <p>${res.data.data.price}</p>
    `
        bottom.innerHTML = res.data.data.goods_introduce

        // 加入购物车
        cart(res)
    })

    function cart(cartDatas) {
        const cartData = cartDatas.data.data
        console.log('插入信息', cartData)
        document.querySelector('.addcart').onclick = function () {
            // 判断用户是否登录
            var username = getCookie('username')
            if (!username) {
                alert('请先登录')
                // 将当前地址存起来
                localStorage.setItem('url', location.href)
                location.href = '/login.html'
                return false
            }
            // 登录成功
            // 添加购物车，本质就是将当前商品数据存储下来，到购物车页面的时候获取出来展示
            request({
                url: '/api/cart/addcart',
                method: 'post',
                data: {
                    imgBigLogo: cartData.img_big_logo,
                    imgSmallLogo: cartData.img_small_logo,
                    currentPrice: cartData.current_price,
                    title: cartData.title,
                    price: cartData.price,
                    goodsid: id,
                    goodsnumber: 1,
                    userid: getCookie('userid')
                }
            }).then(res => {
                // console.log(res);
                var {
                    error_code,
                    msg
                } = res
                alert(msg)

            })
        }
    }
    /*
    总结：
        数据渲染成功后 - 调用添加购物车功能的函数
        函数中：
            点击添加按钮 - 事件：
                判断用户是否登录
                    如果没有登录 - 跳转到登录页(跳转之前先存储当前的地址) - 登录成功后再跳转回来(判断是否有存储的地址，有就先清除存储，再跳转，没有就跳转到首页)
                    如果登录 - 
                发起添加购物车的请求
                    方式：post
                    地址：api/cart/addcart
                    数据：
                        用户id
                        商品id
                        商品数据，默认为1

    后端：
        修改登录响应，新增用户id的响应
        新建了cart路由
        在controller中
            获取post的数据
            查询数据库中是否有当前用户的当前商品
                有 - 修改数量+1
                没有 - 新增一条
    */
</script>

</html>